#코드 분석
← View all tags-
React 쇼핑몰 index.js·App.js 분석: 프로젝트 구조와 라우팅 흐름 완벽 정리
React 쇼핑몰 코드 분석 1편 — index.js 진입점부터 App.js까지 컴포넌트 연결 흐름을 추적합니다. 프로젝트 폴더 구조 설계와 React Router를 활용한 라우팅 방식 등 실전 서비스 개발 기초를 완벽 정리합니다.
-
React 쇼핑몰 상품 목록 컴포넌트 분석: 검색·정렬·필터 구현 완전 해부
React 쇼핑몰 코드 분석 2편 — map으로 상품 목록 렌더링, filter로 실시간 검색, sort로 정렬하는 핵심 로직을 useState와 연계하여 분석합니다. 실전 쇼핑몰 기능 구현의 핵심을 코드로 배웁니다.
-
React 상품 상세 페이지와 장바구니 흐름: useParams·Redux dispatch 실전 분석
React 쇼핑몰 코드 분석 3편 — useParams 동적 라우팅과 상품 상세 페이지 구현 방식을 분석합니다. Redux dispatch로 장바구니에 추가되는 데이터 흐름을 추적하고 useSelector 상태 관리 패턴을 해부합니다.
-
Redux Toolkit createSlice·configureStore: 전역 상태 관리 실전
React 쇼핑몰 코드 분석 4편. Redux Toolkit의 createSlice로 액션과 리듀서를 한 번에 정의하는 방법과 configureStore로 전역 상태 관리 구조를 설계하는 방식을 코드로 완벽 이해합니다.
-
React 게시판 CRUD 구조 분석: 컴포넌트 간 데이터 전달과 상태 관리 실전 패턴
React 쇼핑몰 코드 분석 완결편 — 고객센터 게시판 CRUD 기능을 정밀 해부합니다. 컴포넌트 간 데이터 전달과 상태 관리로 Create·Read·Update·Delete가 유기적으로 동작하는 실전 패턴을 분석합니다.